* {
     margin: 0;
     border: 0;
}
a {
     text-decoration: none;
}
.navright>.on {
     background:#F0F9FF;
     margin-right:  30px;
     color: #0099f2;
     width: 120px;
     height: 32px;
}
 .navbox{
      display:flex;
      justify-content: space-between;
      align-items:center; 
      height: 78px; 
      margin:0 60px; 
}
.float{
     float: left;
     list-style-type: none;
     overflow: hidden;
     position: fixed;
     top: 0;
}
.banner {
     background-color: #008BED;
}
 .container{
      display: flex;  
      justify-content: space-between  
}
.container .content{
     margin: 100px;
     margin-left: 100px;
     height: 80px;
     width: 400px; 
}
.container .content h2{
     font: 40px/40px "Microsoft JHengHei";
     color: #fdfdfd;
}
.container .content .info{
     font: 16px/26px "Microsoft JHegHei";
     color: #99d1f8;
}
.tabtitle{
     overflow: hidden;
     width: 960px;
     margin: 0;
     line-height: 100px;
     background: #F9F9F9;

}
.tabtitle h3{
     float: left;
     font-size: 24px;
     color: #000;
}
.tabtitle h4{
     float: right;
     font-size: 24px;
     color: #cccccc;
}
.list ul{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     width: 960px;
     margin: 0;
     background: #F9F9F9;
}
.list ul li {
     list-style: none;
     margin-bottom: 20px;
     background:rgba(255, 255, 255, 0.884);
     width: 300px;
     height: 374px;       
}
.list ul li img{
     height: 260px;
     width: 100%;
}
.list ul li p{
     font-size: 14px;
     color: #333333;
}
.size{
     width: 300px;
     height: 374px;
}
.more a{
     color: #59abdf;
}
.more {
     display: flex;
     justify-content: center;
     width: 960px;
     margin: 20px auto;
     font: 20px/62px "Microsoft YaHei";
     background-color: #E8EEF2;
}
.footerBox {
     display: flex;
     justify-content: center;
     align-items:center;
     background: #E5E5E5;
 }
 .footerL p {
     margin: 20px 210px 15px 45px;
     color: #000;
}
.footerR img{
     width: 141px;
     height: 152px;
}